@charset "UTF-8";
/* CSS Document */
html {
    height: 100%;
}

body {
    padding: 0;
    margin: 0;	
	font-family: 'PT Sans', sans-serif;
	display:block;
	background: #e0e3ec url(../images/bg.png) repeat top left;
	text-shadow: rgba(148, 155, 155, 0.5) 0 1px 0;
}
a {
	outline: none;
}
a img {
	outline : none;
}
img {
	border : 0;
	}
#container {
    width:100%;
    height:100%;
    margin-left: auto;
    margin-right:auto;
    overflow:hidden;
	display:block;
}

/* HEADER */
#header {
    position:relative;
    width:100%;
	height:366px;
	background-image:url(../img/welcome_header_1.png);
	background-color:#333;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	
}
#header-center {    
	width:1024px;
	margin: 0 auto;
	padding-top:5px;
	position:relative;
}
.logo{
	float:left;
	width:100%;
	display:block;
}
.texto_header {
	float:left;
	display:inline;
	margin-left:200px;
	margin-top:100px;
	color:#FFF;
	font-size:24px;
}
.texto_form {
	display: inline-block;
	width:150px;
	text-align:right;
	color:#666;
	vertical-align:top;
}

/* CONTENT */
#content {
	width:1024px;
	margin:0 auto;
	position:relative;
	color:#414042;
}

#buscador {
	width:100%;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	margin:20px 0px 20px 0px;
}


.tematica{
	width:100%;
	height:410px;
	margin:20px 20px 20px 0px;
}
.container_tematica{
	float:left;
	position:relative;
	width:320px;
	margin:10px;
	text-align:center;
}

.tematica_titulo{
	margin-top:20px;
	font-size:25px;
	font-weight:bold;
	
}
.tematica_desc{
	font-size:20px;
	text-align:left;
	float:left;
	margin:10px 0px 10px 30px;
}
#footer {
	position:absolute;
	bottom:0;
	height:30px;
	background-color:#333;
	width:100%;
	text-align:right;
	margin-right:20px;
	font-size:12px;
	color:#FFF;
}

/* PLANTILLA RESTAURANTE */
#container_trama{
	background-image:url(../img/BackgroundDeep.png);
	width:100%;
	height:100%;
	overflow:hidden;
	margin-left: auto;
    margin-right:auto;
	display:block;
	background-repeat:repeat;
}
#resto_header{
	height:60px;
	width:100%;
	position:relative;
	float:left;
	background-color:#FBB040;
}
#resto_footer{
	height:60px;
	width:100%;
	position:relative;
	float:left;	
	background-color:#FBB040;
	text-align:center;
	font-size:16px;
	color:#333;
	font-weight:500;
	vertical-align:middle;	
}
#separador_header {
    position:relative;
	float:left;
   	width: 100%;
    height:5px;
    overflow:hidden;
	background: url(../img/separador_gradiente_header.png);
	margin-bottom:20px;
}
#separador_footer {
    position:relative;
	float:left;
   	width: 100%;
    height:5px;
    overflow:hidden;
	background: url(../img/separador_gradiente_footer.png);	
	margin-top: 20px;
}
#container_plantilla_resto{
	width:1024px;
	height:3740px;
	margin:0 auto;
	position:relative;
	background:#FFF;
	border-radius:10px;
    border:1px solid #999;
    border-top:1px solid #b4c1cb;
	border-left:1px solid #b4c1cb;
	padding:5px;
}
#container_plantilla_opiniones{
	width:770px;
	height:auto;
	margin:0 auto;
	position:relative;
	background:#FFF;
	border-radius:10px;
    border:1px solid #999;
    border-top:1px solid #b4c1cb;
	border-left:1px solid #b4c1cb;
	padding:5px;
	overflow:auto;
	display:block;
}
.container_opinion{
	width:750px;
	height:auto;
	margin:0 auto;
	position:relative;
	border-radius:10px;
    border:1px solid #999;
    border-top:1px solid #b4c1cb;
	border-left:1px solid #b4c1cb;
	padding:5px;
	overflow:auto;
	margin-bottom:10px;
}

#container_not_found{
	width:1024px;
	height:350px;
	margin:0 auto;
	position:relative;
	background:#FFF;
	border-radius:10px;
    border:1px solid #999;
    border-top:1px solid #b4c1cb;
	border-left:1px solid #b4c1cb;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
	text-align:center;
	display:none;
	color:#666;
	font-size:18px;
	font-weight:400;
}

#container_opiniones_not_found{
	width:1024px;
	height:350px;
	margin:0 auto;
	position:relative;
	background:#FFF;
	border-radius:10px;
    border:1px solid #999;
    border-top:1px solid #b4c1cb;
	border-left:1px solid #b4c1cb;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
	text-align:center;
	color:#666;
	font-size:18px;
	font-weight:400;
}

#container_plantilla_nuestros_servicios{
	width:1024px;
	height:2850px;
	margin:0 auto;
	position:relative;
	background:#FFF;
	border-radius:10px;
    border:1px solid #999;
    border-top:1px solid #b4c1cb;
	border-left:1px solid #b4c1cb;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
	padding:5px;
}
#container_plantilla_como_funciona{
	width:1024px;
	height:1455px;
	margin:0 auto;
	position:relative;
	background:#FFF;
	border-radius:10px;
    border:1px solid #999;
    border-top:1px solid #b4c1cb;
	border-left:1px solid #b4c1cb;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
	padding:0px;
}
#container_plantilla_top20{
	width:1024px;
	height:1455px;
	margin:0 auto;
	position:relative;
	background:#FFF;
	border-radius:10px;
    border:1px solid #999;
    border-top:1px solid #b4c1cb;
	border-left:1px solid #b4c1cb;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
	padding:0px;
}
.como_funciona_col_img{
	width:500px;
	float:left;
	position:relative;
	text-align:right;
}
.como_funciona_col_txt{
	font-size:23px;
	font-weight:lighter;
	color:#666;
	padding:30px;
	float:left;
	position:relative;
	width:400px;
	text-align:left
}
#container_titulo_resto{
	width:770px;
	height:100px;
	margin:0 auto;
	position:relative;
	background:#414042;
	border-radius:10px;
	padding:5px;
	color:#FFF;
}
#container_titulo_resto_orange{
	width:1005px;
	height:100px;
	margin:0 auto;
	position:relative;
	/* background:#FBB040; */
	background:#414042;
	/* color:#414042; */
	color:#FFF; 
	border-radius:10px;
	padding:5px;
	border:1px solid #CCC;
	text-shadow: rgba(148, 155, 155, 0.5) 1px 1px 0;
}
#resto_scoring{
	float:left;
	margin-top:5px;
	margin-right:5px;
	width:200px;
	height:510px;
	border-radius:10px;
	padding:5px;
	position:relative;
	border:1px solid #CCC;
}
#resto_graph{
	float:left;
	margin-top:5px;
	width:789px;
	height:510px;
	border-radius:10px;
	padding:5px;
	position:relative;
	border:1px solid #CCC;
}
.titulo_resto{
	font-size:30px;
	font-weight:bold;
	/*color:#FFF;*/
	text-align:left;
	margin-left:10px;
	margin-top:10px;
	position:relative;
	float:left;
	
}
#filtros_fechas{
	float:right;
	position:relative;
	text-align:right;
	margin-top:5px;
	margin-right:10px;
}
.adress_resto{
	font-size:14px;
	/*color:#FFF;*/
	text-align:left;
	margin-left:10px;
	margin-top:10px;
	width:100%;
	position:relative;
	float:left;
	font-style:italic;
}
#scoring{
	width:180px;
	height:180px;
	margin:0 auto;
	position:relative;
	background:#414042;
	border-radius:10px;
	font-size:120px;
	color:#FBB040;
	font-weight:bold;
	text-align:center;
	margin-top:15px;
	margin-bottom:20px;
	line-height:170px;
	vertical-align:middle;
}
.container_categoria{
	width:190px;
	height:100px;
	position:relative;
	float:left;
	border-top:1px solid #b4c1cb;
}
.container_icon_categorio{
	float:left;
	position:relative;
	margin-top:10px;
	margin-right:10px;
	width:80px;
}
.container_valoracion_categoria{
	float:left;
	position:relative;
	width:80px;
	text-align:center;
	margin-top:20px;
	
}
.nombre_categoria{
	font-weight:bold;
	font-size:21px;
	color:#000;
	text-decoration: none;
	color: #FBB040;
}
.valoracion_categoria{
	font-size:20px;
	font-weight:bold;
	color:#666;
}
.valoracion_categoria_pos{
	font-size:20px;
	font-weight:bold;
	color:#666;
}
.valoracion_categoria_neg{
	font-size:20px;
	font-weight:bold;
	color:#666;
}
.valoracion_categoria_igual{
	font-size:20px;
	font-weight:bold;
	color:#666;
}
#container_grafica{
	width:785px;
	height:215px;
}
.resumen_categoria{
	width:100%;
	height:100px;
	position:relative;
	float:left;
	border-top:1px solid #b4c1cb;
	color:#666;
	font-size:18px;
	font-weight:bold;
	text-align: center;
  	line-height: 100px; 
}

.highlight_resumen_categoria{
	font-size:26px;
	color:#FBB040;
}

.container_titulo_tematica{
	width:1024px;
	height:35px;
	margin:20px 0px 0px 0px;
	position:relative;
	background:#414042;
	border-radius:10px;
	padding:0px;
}
.titulo_categoria{
	font-size:22px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	margin-left:10px;
	margin-top:5px;
	width:100%;
	position:relative;
	float:left;
}
#container_global{
	float:left;
	margin-top:5px;
	width:1014px;
	height:540px;
	border-radius:10px;
	padding:5px;
	position:relative;
	border:1px solid #CCC;
}

#container_global_scoring {
	float:left;
	margin-top:5px;
	width:1014px;
	height:740px;
	border-radius:10px;
	padding:5px;
	position:relative;
	border:1px solid #CCC;
}

.container_actividad{
	float:left;
	margin-top:5px;
	width:1014px;
	height:350px;
	border-radius:10px;
	padding:5px;
	position:relative;
	border:1px solid #CCC;
}
.column_left{
	height:100%;
	width:500px;
	margin:0 auto;
	position:relative;
	float:left;
	margin:10px;
	text-align:center;
}
.column_left_75{
	height:100%;
	width:750px;
	margin:0 auto;
	position:relative;
	float:left;
	margin:10px;
	text-align:center;
}
.resumen_indicador_graph{
	text-align:center;
	font-size:18px;
	font-weight:600;
	color:#666;
	position:relative;
	float:left;
	margin:0 auto;
	width:100%;
	height:50px;
	vertical-align:bottom;
}
#graph_ranking_category{
	width:450px;
	height:200px;
	position:relative;
	float:left;
}
#graph_ranking_radio{
	width:450px;
	height:200px;
	position:relative;
	float:left;
}

#graph_tendencias{
	width:450px;
	height:200px;
	position:relative;
	float:left;
}
.column_right{
	height:100%;
	width:450px;
	margin:0 auto;
	position:relative;
	float:right;
	margin:5px;
	text-align:center;
}
.column_right_25{
	height:100%;
	width:220px;
	margin:0 auto;
	position:relative;
	float:right;
	margin:10px;
	text-align:center;
}
.tabla_resumen_global{
	display: table; 
	width:440px;
	height:105px; 
	#position: relative; 
	overflow: hidden;
	border:solid 1px #CCC;
	border-radius:10px;
	color:#666;
	
}
.tabla_resumen_global_equal{
	display: table; 
	width:440px;
	height:210px; 
	#position: relative; 
	overflow: hidden;
	border:solid 1px #CCC;
	border-radius:10px;
	color:#666;
	margin-bottom:28px;
	margin-top:20px;
}
.celda_resumen_global{
	 #position: absolute; 
	 #top: 50%;
	 display: table-cell; 
	 vertical-align: middle;
	 padding:10px;
}
.resumen_global{
	#position: relative; 
	#top: -50%;
}
.texto_22{
	font-size:22px;
	font-weight:bold;
	color:#666;
	padding:30px;
}
.texto_14{
	font-size:14px;
	font-weight:bold;
	color:#666;
	padding:30px;
}
.texto_span_orange_14{
	font-size:14px;
	font-weight:bold;
	color:#FBB040;
	text-decoration: none;
}
.texto_18{
	font-size:18px;
	font-weight:bold;
	color:#666;
	padding:15px;
}
.texto_span_orange_18{
	font-size:18px;
	font-weight:bold;
	color:#FBB040;
	text-decoration: none;
}
.texto_span_orange_23{
	font-size:23px;
	font-weight:bold;
	color:#FBB040;
}
.texto_span_orange_32{
	font-size:32px;
	font-weight:bold;
	color:#FBB040;
}
.texto_span_16_bold{
	font-size:16px;
	font-weight:bold;
	color:#666;
}
.texto_span_21{
	font-size:21px;
	font-weight:400;
	color:#666;
}
.texto_23{
	font-size:23px;
	font-weight:lighter;
	color:#666;
	padding:30px;
}
.texto_30{
	font-size:30px;
	font-weight:bold;
	color:#666;
	padding:30px;
}
.container_canales{
	margin:0px 0px 0px 30px;
	width:950px;
	height:200px;
}
.canal {
	float:left;
	position:relative;
	width:190px;
	text-align:center;
}
.line_canales{
	float:left;
	position:relative;
	width:950px;
	height:210px;
}
.descripcion_canal{
	font-size:18px;
	font-weight:bold;
	color:#666;
	padding:5px;
}
.container_fan_activo{
	width:220px;
	height:60px;
	font-size:14px;
	text-align:left;
	position:relative;
	float:left;
}
.container_fan_picture{
	width:50px;
	height:50px;
	position:relative;
	float:left;
	margin:5px;
}

.container_fan_texto{
	width:130px;
	padding:15px;
	overflow:hidden;
	float:left;
	position:relative;
}
#facebook_post_by_day{
	position:relative;
	float:left;
	width:750px;
	height:180px;
}
#twitter_mentions_by_day{
	position:relative;
	float:left;
	width:750px;
	height:180px;
}
#map {
	height: 400px;
	width: 500px;
	margin:0px;
	padding:0px;
	border-radius:10px;
    border:1px solid #999;
    border-top:1px solid #b4c1cb;
	border-left:1px solid #b4c1cb;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
}
.tabla { 
	border-collapse:collapse;
	width:450px; 
	font-size:14px;
	font-weight:400;
	color:#666;
}
.fila_resto_impar{
	background-color:#F4F4F4;
}
.cell_posicion{
	width:40px;
	text-align:center;
}
.cell_valoracion{
	width:70px;
	text-align:center;
}
.titulo_tabla{
	font-weight:700;
	text-align:center;
}
.tabla_servicios { 
	border-collapse:collapse;
	width:950px; 
	font-size:16px;
	font-weight:400;
	color:#666;
	margin:0px 0px 0px 30px;
	border-bottom:solid;
	border-bottom-width:thin;
	border-color:#CCC;
}
.tabla_servicios tr{
}
.tabla_servicios td{
	padding: 15px;
}
.tabla_servicios .col1{
	width: 650px;
}
.tabla_servicios .col2{
	width: 150px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#FBB040;
	border-left:solid;
	border-left-width:thin;
	border-color:#CCC;
}

.tabla_servicios .col3{
	color:#ffffff;
	width: 150px;
	background-color:#FBB040;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	border-left:solid;
	border-left-width:thin;
	border-right:solid;
	border-right-width:thin;
	border-color:#CCC;
}
.tabla_servicios .col3_impar{
	color:#ffffff;
	width: 150px;
	background-color:#F7941E;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	border-left:solid;
	border-left-width:thin;
	border-right:solid;
	border-right-width:thin;
	border-color:#CCC;
}
ul .lista_servicios{
	list-style-type:circle;
}

/* CODIGO PARA EL BUSCADOR */
ul li { border-top: 1px #ccc solid; padding: 2em 0; }
ul li:first-child { border-top: none; padding-top: 0; }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  position:relative;
	border-radius:10px;
	border:1px solid #999;
	border-top:1px solid #b4c1cb;
	border-left:1px solid #b4c1cb;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
	height:300px;
	max-height:500px;
	
  
}

.white-popup-thanks {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  position:relative;
  border-radius:10px;
  border:1px solid #999;
  border-top:1px solid #b4c1cb;
  border-left:1px solid #b4c1cb;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
  height:150px;
  max-height:150px;
  display: block;
  margin: 0 auto;
  z-index:3000;
}
.opinion_col1{
	width:80px;
	height:100%;
	margin:0 auto;
	position:relative;
	float:left;
	margin:10px;
	text-align:center;
}
.opinion_col2{
	margin:0 auto;
	height:100%;
	width:615px;
	position:relative;
	float:left;
	margin:10px;
	text-align:justify;
}
.container_face{
	position:absolute;
	left:580px;
	top:-5px;
	text-align:right;
}
#tabla_top_20{
	width:800px;
	margin-left:112px;
	position:relative;
	float:left;
}
.fila_top_20{
	height:50px;
	width:100%;
	line-height:50px;
	vertical-align:middle;
	text-align:center;
}
.fila_top_20_grey{
	height:50px;
	width:100%;
	background-color:#E7E7E7;
	line-height:50px;
	vertical-align:middle;
	text-align:center;
}
.col_1_top_20{
	width:60px;
	float:left;
	position:relative;
}
.col_2_top_20{
	float:left;
	position:relative;
	width:680px;
	text-align:left;
}
.col_3_top_20{
	float:left;
	position:relative;
	width:60px;
}